@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
html{ height:100%;background:#ececec; overflow-y:auto; overflow-x:hidden;font-family:arial, helvetica, sans-serif;}
body{ font-family:Arial, Helvetica, sans-serif; background:#ececec; font-size:13px; font-weight:normal; height:100%;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.txt_l{ text-align:left;}
.txt_r{ text-align:right;}
.txt_c{ text-align:center;}
a,a:active,a:hover,a:visit{ text-decoration:none !important; outline:none !important; display:inline-block !important;}
img{ border:none;}


.header{width:100%;float:left; background-color:#0197d2; background-position:bottom; position:relative;}
.container{width:94%;float:left;position:relative; padding:0 3%;}
.service_choose{ width:100%; padding:0;}
.bg_content{ background:url(../images/bg.jpg) no-repeat #ffffff bottom; background-size:100%;}
.footer{width:100%;background:url(../images/footer_bg.jpg) repeat-x top #017bac;}


.govt, .partner, .nav_button, .site_name{display:inline-block; position:absolute;}
.govt img, .partner img, .nav_button img{ border:none; width:100%; cursor:pointer;}
.site_name{ margin:0; padding:0; color:#FFF;}
.site_name{ width:100%; text-align:center;}


.footer_nav_area{width:100%; background-color:#017bac;}
.footer_nav_area a{float:left; position:relative;border-right:#045f82 solid 1px; 
text-decoration:none;border-left:#32b8eb solid 1px; color:#FFF;  font-weight:normal; text-align:center;}
.footer_nav_area a.req_meet{ background:url(../images/req_meet.png) no-repeat center 5px; background-size:24%;}
.footer_nav_area a.track_status{background:url(../images/track_status.png) no-repeat center 5px; background-size:24%;}
.footer_nav_area .trakhees_logo{ background:url(../images/trakhees_bg.jpg) no-repeat center top; float:left; background-size:100% 100%; }
.footer_nav_area a.help{background:url(../images/help.png) no-repeat center 5px; background-size:24%;}
.footer_nav_area a.contact_us{background:url(../images/contact_us.png) no-repeat center 5px; background-size:24%;}
.footer_nav_area a.about_us{background:url(../images/about_us.png) no-repeat center 5px; background-size:24%;}



.no_lb{border-left:none !important;}
.no_rb{border-right:none !important;}
.trakhees_logo a{ display:inline-block; margin:0 auto;}
.footer_nav_area a:focus{color:#000;}



.round{
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius:10px; 
  /* Firefox 1-3.6 */
  -moz-border-radius:10px;  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius:10px; 
}

.round_2{
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius:5px; 
  /* Firefox 1-3.6 */
  -moz-border-radius:5px;  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius:5px; 
}

.shadow{
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .20);
-moz-box-shadow: 0 0 4px rgba(0,0,0, .20);
box-shadow: 0 0 4px rgba(0,0,0, .20);
}
input[type='text']
{
	padding:1.5%;
}
input[type='text']:focus
{
	outline:none;
}
.search{float:right; height:10px; border:1px solid #b4b4b4; background:url(../images/search_bg.jpg) #FFF no-repeat right; background-size:10%; color:#999; outline:none;}
.header2{ background:url(../images/header1_bg.jpg) repeat-x #cbcbcb bottom ; width:100%; float:left; position:relative;}
.search_outer{background:url(../images/header1_bg.jpg) repeat-x left;float:left; 
background:#ededed; border-top:1px solid #FFF;padding:1% 3% 1% 0; width:97%;}


.page_title{color: #0074B8;float: right;}

.service_page{ height: 66%; margin:40% auto 0; top:20%; min-height: 65%;width:100%;}
.wrapper_login{position:relative;}
.txtbox{ border:1px solid #d6e3ec; color:#666;}
.required_filed{color:#ffffff;}
.submit{color:#FFF;width:100%;background:#0197d2; border:none; cursor:pointer; outline:none;}
.submit:focus{ background:#028dc4;}
.welcome{font-weight:normal; color:#006699; margin:0 auto; padding:1% 0; display:block; text-align:center; float:left; width:100%;}

.sub_title{ color:#00b1f5;margin:0 auto; padding:1% 0; display:block; text-align:center;float:left;font-weight:normal;width:100%;}

.lang_outer{ width:100%; float:left;}
.lang{ float:left; margin:0 4%;}
.lang a{ display:inline-block; border:none; text-decoration:none; outline:none; line-height:30px; }
.lang a img{ width:100%;}
.lang a{font-size:12px; color:#00b1f5;}
.lang a:focus{ color:#ffffff;}
.btn_outer{ width:100%; float:left;}
.service_btn1{border:none; background:url(../images/mobile_service_def.png) no-repeat center bottom; background-size:100%; color:#FFF;  text-align:center; display:block; text-decoration:none;}
.service_btn2{border:none;text-decoration:none; background:url(../images/general_service_def.png) no-repeat center top;background-size:100%; color:#FFF;  text-align:center;}



.drop_content{ background:#f0f0f0; padding:0; position:absolute;  z-index:9999; display:none;}

.drop_content ul{ margin:0; padding:0;}
.drop_content ul li{ margin:0; padding:0; float:none; display:block;  border-bottom:1px solid #dedede; }
.last_li{border-bottom:none !important;}
.drop_content ul li a{ text-decoration:none; display:inline-block; color:#615e5e; }
.drop_content ul li a:focus{color:#0074b8; font-weight:bold;}
.drop_content ul li.finance{background:url(../images/finance_def.png) no-repeat 5% center; background-size:10%;}
.drop_content ul li.civil{background:url(../images/civil_def.png) no-repeat 5% center; background-size:10%;}
.drop_content ul li.safety{ background:url(../images/safety_def.png) no-repeat 5% center; background-size:10%;}
.drop_content ul li.fire{ background:url(../images/fire_def.png) no-repeat 5% center; background-size:10%;}
.drop_content ul li.commercial{ background:url(../images/commercial_def.png) no-repeat 5% center; background-size:10%;}

.icons{ margin:0; padding:0}
.icons li{ margin:0; padding:0; display:block; float:left; border:1px solid #F3F3F3; text-align:center; border-collapse:collapse !important;}
.icons li a{ text-decoration:none;text-align:center; color:#999; display:block;}

.icons li.icon1{ background:url(../images/service_categories/license_def.png) no-repeat center 7%;}
.icons li.icon2{ background:url(../images/service_categories/visa_def.png) no-repeat center 7%;}
.icons li.icon3{ background:url(../images/service_categories/construction_permit_def.png) no-repeat center 7%;}
.icons li.icon4{ background:url(../images/service_categories/planning_def.png) no-repeat center 7%;}
.icons li.icon5{ background:url(../images/service_categories/inspection_def.png) no-repeat center 7%;}
.icons li.icon6{ background:url(../images/service_categories/food_def.png) no-repeat center 7%;}
.icons li.icon7{ background:url(../images/service_categories/environment_def.png) no-repeat center 7%;}
.icons li.icon8{ background:url(../images/service_categories/finance_def.png) no-repeat center 7%;}
.icons li.icon9{ background:url(../images/service_categories/mis_def.png) no-repeat center 7%;}
.icons li.icon10{ background:url(../images/service_categories/favorites_def.png) no-repeat center 7%;}



	



.border_btm{ width:100%; height:8px; float:left; background:url(../images/border_bottom.jpg) repeat-x top;}


.icon_n_lb{ border-left:none}
.icon_n_rb{ border-right:none; border-right:none;}
.icon_n_b{ border-bottom:none;}
.icon_n_t{ border-top:none;}

.Acc_outer{float:left; width:100%;}
.Acc_title{float:left; width:100%;}
.Acc_content{float:left; width:100%;}
.Acc_title{background: url(../images/acc_ttile_bg.jpg) repeat-x 5% bottom #0074b8;}
.acc_h3{color:#FFF;background:url(../images/finance_acc.png) no-repeat 3% 0%;}
.Acc_content_ul{ background:#e3e3e3; border-bottom:1px solid #cccccc;}
.Acc_content_ul li{border-bottom:1px solid #ccc; font-weight:normal; background:#e3e3e3; color:#0196d0; display:block; position:relative;}
.Acc_title{position:relative;}
.Acc_title{padding:1% 0;}
.fav{ display:inline-block;position:absolute;}
.fav a{ display:block; text-decoration:none; outline:none;}
.fav a img{ width:100%;}
.go_link{display:inline-block;position:absolute;}
.go_link a img{ width:100%;}
.Acc_main_toggle{ position:absolute;}
.Acc_main_toggle a img{ width:100%;}

	
/* balance page*/
.col_input{width:100%; padding-bottom:2%; background:#f4f4f4;}
.col_output{width:100%; border-bottom:1px solid #CCC;padding-bottom:2%;}

.col2{background:#f4f4f4;padding: 2% 3% 2% 2%;
    width: 45%;}
.col1{ padding:1% 1%; background:#ececec; width:98%;}
.col1 p{color:#999;  font-weight:normal;  line-height:25px;}

.col1_balance p{ color:#4b5153; display:inline-block; font-weight:bold; }
.col1_balance span{color:#036184; display:inline; font-weight:bold;line-height:25px; margin:0 2% 0 0;}

.col1_1{padding:1% 2%;width:96%; text-align:center;}
.col1_2{padding:1% 2%;width:96%;}
.col1_2 p{line-height:25px; }
.col1_title{padding:1% 2.5%;width:95%; background:url(../images/title_bg.jpg) repeat-x #cacaca bottom; display:inline-block;}
.form_title{ color: #026AA7;
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
    margin: 0 2%;
    padding: 0;}
.title_icon{ outline:none; border:none; width:5%;}
.txtbox2{ border:1px solid #d6e3ec; padding:1%;  color:#666; font-size:11px; font-weight:normal; margin:0;}

.txtbox_cal{ border:1px solid #d6e3ec; padding:2%; width:80%; color:#666; font-size:13px; font-weight:normal; margin:0; border-right:none;}
.txtbox3{border: 1px solid #D6E3EC;
    color: #666666;
    font-size:11px;
    font-weight: normal;
    margin: 0;
    padding:5px 3px;
    width:99%;}
.label{ color:#666;font-weight:normal;  display:inline-block; float:left; line-height:20px;}
.label2{ color:#666;font-weight:normal;  display:inline-block; float:left; line-height:20px;}
.button{ width:27%;padding:1% 0; cursor:pointer; margin:0 auto; color:#058abd; font-size:11px; text-align:center; outline:none; border:none; display:inline-block;}
.button2{ width:24%;padding:1% 0; cursor:pointer; margin:0 auto;color:#058abd;  background-size:100%;font-size:11px; text-align:center; outline:none; border:none; display:inline-block;}


.div_tabel{ width:100%; padding:0; margin:1% 0;}
.th_outer{width:100%;background:#d1d1d1; float:left;}
.th{ float:left; width:16%;border-right:1px solid #FFF; height:30px; padding:1% 1%; color:#4b5153; font-weight:normal; text-align:center;}
.th1{width:20%;}
.th_col1{ width:5%;}
.th_last{ border:none;}
.row{ background:#f4f4f4;width:100%; float:left;}
.td{ float:left;width:16%;padding:1% 1%; color:#4b5153; color:#4b5153; font-size:11px;font-weight:normal; text-align:center;}
.td_col1{ width:5%;}


.td1{ width:21%;}


.cal_icon{ display:inline-block;cursor:pointer; float:left; width:23px;}
.cal_icon img{ border:none; width:100%;}
.bttn1{color:#333;width:20%;background:#fafafa; border:none; cursor:pointer; outline:none; padding:2%; cursor:pointer;}
.bttn1:focus{ background:#0195d1;color:#fff;}
/*end*/

.cal_outer{ width:60%;}
.cal_outer1{ width:60%;}
	
.content { top:76px;height:60%;
    min-height:60%;}

.outer_row{width:100%; float:left; min-height:100px;}

.user{ margin:0; padding:0; position:absolute;  display:block; text-align:center;color:#0195d1; width:100%;}

.drop_nav{float:left; color:#999; background:url(../images/drop_nav_bg.jpg) no-repeat left; cursor:pointer; background-size:100% 100%;}
.nav_select{float:left; color:#0074b8; background:url(../images/drop_nav_bg_select.jpg) no-repeat left; cursor:pointer; background-size:100% 100%;}



.gradiant{border:1px solid #cacaca;padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;
 background-color: #E6E6E6; background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCCCCC));
 background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC);}

.bttn1:focus{border:1px solid #09669d;padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;
 background-color: #E6E6E6; background-image: -webkit-gradient(linear, left top, left bottom, from(#0074b8), to(#088cda));
 background-image: -webkit-linear-gradient(top, #0074b8, #088cda);
 background-image: -moz-linear-gradient(top, #0074b8, #088cda);
 background-image: -ms-linear-gradient(top, #0074b8, #088cda);
 background-image: -o-linear-gradient(top, #0074b8, #088cda);
 background-image: linear-gradient(to bottom, #0074b8, #088cda);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0074b8, endColorstr=#088cda);}
 
.payment_btn{border:1px solid #09669d;padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;
 background-color: #E6E6E6; background-image: -webkit-gradient(linear, left top, left bottom, from(#0074b8), to(#088cda));
 background-image: -webkit-linear-gradient(top, #0074b8, #088cda);
 background-image: -moz-linear-gradient(top, #0074b8, #088cda);
 background-image: -ms-linear-gradient(top, #0074b8, #088cda);
 background-image: -o-linear-gradient(top, #0074b8, #088cda);
 background-image: linear-gradient(to bottom, #0074b8, #088cda);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0074b8, endColorstr=#088cda); color:#FFF;}
 .payment_btn:focus{border:1px solid #cacaca;padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;
 background-color: #E6E6E6; background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCCCCC));
 background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC); color:#666;}
 
 
 
 
.width_80{ width:80%;}
.two_btn{float:left; height:2px; width:30%;}

.th_col50{ width:47.5%; font-weight:bold; color:#016283; padding:1% 0 !important;}
.th_colhalf{ width:60%; float:left;}
.th_col70{ width:70%; float:left;}
.th_col45{width:40%; float:left;}
.th_col30{width:30%; float:left;}
.th_col45 p{ width:99% !important;}
.th_col51 p{ width:99%;}
.th_col51{padding:0 0 !important;}

.br_btm{ border-bottom:1px solid #FFF;}

.no_b_l{ border-right:none;}

.th3{ width:40%;}
.th4{ width:30%;}
.th5{ width:50%;}
.td3{ width:22%;}
.td4{ width:15%;}
.th65{ width:65%;}
.th_col2{ width:15%;}
.txtbox4{border: 1px solid #D6E3EC;
    color: #666666;
    font-size:11px;
    font-weight: normal;
    margin: 0;
    padding:5px 3px;
    width:80%;}
.p_btm_one{ padding-bottom:1px;}

.space1{ padding:4% 0; display:block;}
.th_col43{width:43%;}
.th_col56{width:56%;}
.m_r{ margin-right:5%;}
.chk{ border:1px solid #D6E3EC; background:#FFF;}









@media only screen and (min-width:801px) and (max-width:1366px){
	
	
	/*balance enquiry*/
	.label2{min-width:25%}
	.label{margin:0 2% 0;min-width:25%;font-size:13px;}
.label2{margin:0 2% 0; min-width:25%;font-size:13px;}
.col1 p{font-size:13px;margin:0 5% 0 2%;}
.th{font-size:13px;padding-bottom:0%;}
.col1_balance span{font-size:13px;}
.txtbox2{width:50%;}
.outer_row{max-height:100px; padding-bottom:10px; overflow-y:auto;}
.bttn2{width:24.5%;}
.bttn2{font-size:13px;}
.bttn2:focus{ font-size:13px;}
.col1 P{ line-height:20px;}
.user{bottom:5px;font-size:13px;}
	/*end*/
	
	
	
	
.footer{position:fixed; bottom:0;}
.header{height:65px; background-image:url(../images/h_768.jpg); background-repeat:no-repeat; background-size:100% 100%;}
.container{ max-height:60%;min-height:60%;overflow-y:auto;}
.govt{width:80px; left:3%;bottom:12%;}
.partner{width:110px;right:10%;bottom:12%;}
.nav_button{width:18px;right:4%;top:45%;}
.site_name{ font-size:14px; font-weight:bold;top: 14%;}
.search{ width:30%;}

.nav_select{padding:2% 0 2% 4%;width:35%; font-size:13px;}
.page_title{font-size: 18px;font-weight: bold; margin-right: 24%;padding: 1.5% 0 0;}
.trakhees_logo img{ width:100%;}

.wrapper_login{ height: 66%; margin:20% auto 0; top:20%; min-height: 65%;width: 90%;}
.title{ color:#026aa7; font-size:16px;margin:1% 0; font-weight:normal; }
.txtbox{padding:1.5%; width:98%;font-size:110%; font-weight:normal; margin:1% 0;}
.required_filed{font-size:12px; font-weight:normal; margin:1% 1%;}
.submit{margin:1% 0;padding:3% 5%;font-size:13px;}
.welcome{font-size:22px;}
.sub_title{ font-size:15px;}
.lang_content{width:35%; margin:15% auto;}
.service_btn1{width:57%;font-size:16px;padding:5% 0;}
.service_btn2{width:57%;font-size:16px;padding:5% 0;}

.drop_content{top:47px; width:50%;}
.drop_content ul li{padding:3% 3% 3% 3%; margin-bottom:2%;}
.drop_content ul li a{padding:0 0 0 20%;}

.icons li{padding:4% 0 4%;width: 33%;}
.icons li a{font-size:13px; padding:32% 0 2%;}
.icons li.icon1{background-size:25%;}
.icons li.icon2{background-size:25%;}
.icons li.icon3{background-size:25%;}
.icons li.icon4{background-size:25%;}
.icons li.icon5{background-size:25%;}
.icons li.icon6{background-size:25%;}
.icons li.icon7{background-size:25%;}
.icons li.icon8{background-size:25%;}
.icons li.icon9{background-size:25%;}
.icons li.icon10{background-size:25%;}


.Acc_content_ul li{padding:1% 3%;font-size:13px; width:94%;}
.acc_h3{background-size:4%;font-size:14px;padding:0.5% 0 1.5% 9%; width:80%;}
.fav{right:6%; width:3%; top:1%;}
.go_link{right:3%; width:2%; top:19%;}
.Acc_main_toggle{right:3%; top:15%; width:3%;}
	


.footer_nav_area a{padding:4.5% 0 0.5% 0;} 
.footer_nav_area a.contact_us,
.footer_nav_area a.about_us{ width:13%;}
.trakhees_logo{ width:24%;}
.trakhees_logo a{border:none;margin:0 0 5% 25%;}
.footer_nav_area a{font-size:13px; min-height:23px;}


.footer_nav_area a.req_meet{width:18%;}
.footer_nav_area a.help{width:10%;}
.footer_nav_area a.track_status{width:18%;}
	
	
	
.drop_nav{padding:2% 0 2% 4%;width:35%; font-size:13px;}
.nav_select{padding:2% 0 2% 4%;width:35%; font-size:13px;}
	
	
	
	
	
}











@media only screen and (min-width:701px) and (max-width: 800px){
	

/*balance enquiry*/
	.label2{min-width:25%}
	.label{margin:0 2% 0;min-width:25%;font-size:13px;}
.label2{margin:0 2% 0; min-width:25%;font-size:13px;}
.col1 p{font-size:13px;margin:0 5% 0 2%;}
.txtbox2{width:50%;}
.th{font-size:11px;padding-bottom:0%;}
.outer_row{max-height:100px; padding-bottom:10px; overflow-y:auto;}
.bttn2{width:24.5%;}
.bttn2{font-size:13px;}
.bttn2:focus{ font-size:13px;}
.col1 P{ line-height:20px;}
.user{bottom:5px;font-size:13px;}
	/*end*/
	
.footer{position:fixed; bottom:0;}
.header{height:65px; background-image:url(../images/h_768.jpg); background-repeat:no-repeat; background-size:100% 100%;}
.container{ max-height:60%;min-height:60%;overflow-y:auto;}
.govt{width:80px; left:3%;bottom:12%;}
.partner{width:110px;right:10%;bottom:12%;}
.nav_button{width:18px;right:4%;top:45%;}
.site_name{ font-size:14px; font-weight:bold;top: 14%;}
.search{ width:30%;}
.page_title{font-size: 18px;font-weight: bold; margin-right: 24%;padding: 1.5% 0 0;}
.trakhees_logo img{ width:100%;}

.wrapper_login{ height: 66%; margin:20% auto 0; top:20%; min-height: 65%;width: 90%;}
.title{ color:#026aa7; font-size:16px;margin:1% 0; font-weight:normal; }
.txtbox{padding:1.5%; width:98%;font-size:110%; font-weight:normal; margin:1% 0;}
.required_filed{font-size:12px; font-weight:normal; margin:1% 1%;}
.submit{margin:1% 0;padding:3% 5%;font-size:13px;}
.welcome{font-size:22px;}
.sub_title{ font-size:15px;}
.lang_content{width:35%; margin:15% auto;}
.service_btn1{width:57%;font-size:16px;padding:5% 0;}
.service_btn2{width:57%;font-size:16px;padding:5% 0;}

.drop_content{top:47px; width:50%;}
.drop_content ul li{padding:3% 3% 3% 3%; margin-bottom:2%;}
.drop_content ul li a{padding:0 0 0 20%;}

.icons li{padding:4% 0 4%;width: 33%;}
.icons li a{font-size:13px; padding:32% 0 2%;}
.icons li.icon1{background-size:25%;}
.icons li.icon2{background-size:25%;}
.icons li.icon3{background-size:25%;}
.icons li.icon4{background-size:25%;}
.icons li.icon5{background-size:25%;}
.icons li.icon6{background-size:25%;}
.icons li.icon7{background-size:25%;}
.icons li.icon8{background-size:25%;}
.icons li.icon9{background-size:25%;}
.icons li.icon10{background-size:25%;}


.Acc_content_ul li{padding:1% 3%;font-size:13px; width:94%;}
.acc_h3{background-size:4%;font-size:14px;padding:0.5% 0 1.5% 9%; width:80%;}
.fav{right:6%; width:3%; top:1%;}
.go_link{right:3%; width:2%; top:19%;}
.Acc_main_toggle{right:3%; top:15%; width:3%;}

.trakhees_logo{ width:24%;}
.trakhees_logo a{border:none;margin:3% 0 5% 17%;}
.footer_nav_area a{font-size:13px;}
.footer_nav_area a{padding:5% 0 0 0; min-height:35px;}
.footer_nav_area a.contact_us,
.footer_nav_area a.about_us{ width:14.5%;}


.footer_nav_area a.req_meet{width:15.5%;}
.footer_nav_area a.help{width:12%;}
.footer_nav_area a.track_status{width:15.5%;}

.drop_nav{padding:2% 0 2% 4%;width:35%; font-size:13px;}
.nav_select{padding:2% 0 2% 4%;width:35%; font-size:13px;}






	
}


@media only screen and (min-width:551px) and (max-width:700px){
	

/*balance enquiry*/
	.label2{min-width:25%}
	.label{margin:0 2% 0;min-width:25%;font-size:13px;}
.label2{margin:0 2% 0; min-width:25%;font-size:13px;}
.col1 p{font-size:13px;margin:0 5% 0 2%;}

.th{font-size:11px;padding-bottom:0%;}
.col1_balance span{font-size:11px;}
.txtbox2{width:50%;}
.outer_row{max-height:100px; padding-bottom:10px; overflow-y:auto;}
.bttn2{width:24%;}
.bttn2{font-size:12px;}
.bttn2:focus{ font-size:12px;}
.user{bottom:3px;font-size:12px;}
	/*end*/
	
.footer{position:fixed; bottom:0;}
.header{height:51px; background-image:url(../images/h_600.jpg); background-repeat:no-repeat; background-size:100% 100%;}
.container{ max-height:60%;min-height:60%;}
.govt{width:65px; left:3%;bottom:12%;}
.partner{width:100px;right:10%;bottom:12%;}
.nav_button{width:3%;right:4%;top:45%;}
.site_name{ font-size:11px; font-weight:bold;top: 14%;}


.search{ width:30%;}
.page_title{font-size:14px;font-weight: bold; margin-right: 24%;padding: 1.8% 0 0;}
.trakhees_logo img{ width:70%;}



.wrapper_login{ height: 66%; margin:20% auto 0; top:20%; min-height: 65%;width: 90%;}
.title{ color:#026aa7; font-size:16px;margin:1% 0; font-weight:normal; }
.txtbox{padding:1.5% !important; width:98%;font-size:110%; font-weight:normal; margin:1% 0;}
.required_filed{font-size:12px; font-weight:normal; margin:1% 1%;}
.submit{margin:1% 0;padding:3% 5%;font-size:13px;}
.welcome{font-size:20px;}
.sub_title{ font-size:15px;}
.lang_content{width:25%; margin:15% auto;}
.service_btn1{width:57%;font-size:16px;padding:5% 0;}
.service_btn2{width:57%;font-size:16px;padding:5% 0;}
.drop_content{top:43px; width:50%;}
.drop_content ul li{padding:3% 3% 3% 3%; margin-bottom:2%;}
.drop_content ul li a{padding:0 0 0 20%;}

.icons li{padding:4% 0 4%;width: 32.5%;}
.icons li a{font-size:13px; padding:32% 0 2%;}
.icons li.icon1{background-size:28%;}
.icons li.icon2{background-size:28%;}
.icons li.icon3{background-size:28%;}
.icons li.icon4{background-size:28%;}
.icons li.icon5{background-size:28%;}
.icons li.icon6{background-size:28%;}
.icons li.icon7{background-size:28%;}
.icons li.icon8{background-size:28%;}
.icons li.icon9{background-size:28%;}
.icons li.icon10{background-size:28%;}

.Acc_content_ul li{padding:1% 3%;font-size:12px; width:94%;}
.acc_h3{background-size:5%;font-size:13px;padding:0.5% 0 2% 9%; width:80%;}
.fav{right:6%; width:3%; top:1%;}
.go_link{right:3%; width:2%; top:19%;}
.Acc_main_toggle{right:3%; top:15%; width:3%;}

.trakhees_logo{ width:22%;}
.trakhees_logo a{border:none;margin:3% 0 3% 9%;}
.footer_nav_area a{font-size:12px;}
.footer_nav_area a{padding:5% 0 0;} 
.footer_nav_area a.contact_us,
.footer_nav_area a.about_us{ width:14%;}

.footer_nav_area a.req_meet{ width:19%;}
.footer_nav_area a.help{width:11%;}
.footer_nav_area a.track_status{width:18%;}



.drop_nav{padding:2% 0 2% 4%;width:35%; font-size:12px;}
.nav_select{padding:2% 0 2% 4%;width:35%; font-size:12px;}




}



@media only screen and (min-width : 401px) and (max-width : 550px){


	
/*balance enquiry*/
.label2{min-width:25%}
.label{margin:0 2% 0;min-width:25%;font-size:11px;}
.label2{margin:0 2% 0; min-width:25%;font-size:11px;}
.col1 p{font-size:11px;margin:0 5% 0 2%;}

.th{font-size:10px; padding-bottom:3%;}
.col1_balance span{font-size:10px;}
.txtbox2{width:50%;}
.col1_2 p{font-size:11px; font-weight:bold;margin:0 5% 0 2%;}
.outer_row{max-height:100px; padding-bottom:10px; overflow-y:auto;}
.bttn2{width:24%;}
.bttn2{font-size:11px;}
.bttn2:focus{ font-size:11px;}
.col1 P{ line-height:20px; display:inline;}
.user{bottom:2px;font-size:10px; font-weight:normal;}
	/*end*/
	
	
	
.footer{position:fixed; bottom:0;}	
.header{height:41px; background-image:url(../images/h_480.jpg); background-repeat:no-repeat; background-size:100% 100%;}
.container{ max-height:75%;min-height:75%;}
.govt{width:50px; left:3%;bottom:12%;}
.partner{width:80px;right:10%;bottom:12%;}
.nav_button{width:3%;right:4%;top:45%;}
.site_name{ font-size:10px; font-weight:bold;top: 14%;}
.search{ width:25%; font-size:10px;}
.page_title{font-size:10px;font-weight: bold; margin-right: 24%;padding:1% 0 0;}
.trakhees_logo img{ width:60%;}
.wrapper_login{ height: 66%; margin:20% auto 0; top:20%; min-height: 65%;width: 90%;}
.title{ color:#026aa7; font-size:16px;margin:1% 0; font-weight:normal; }
.txtbox{padding:2% 1.5% !important; width:98%;font-size:110%; font-weight:normal; margin:1% 0;}
.required_filed{font-size:12px; font-weight:normal; margin:1% 1%; color:#090;}
.submit{margin:1% 0;padding:3% 5%;font-size:13px;}
.welcome{font-size:20px;}
.sub_title{ font-size:15px;}
.lang_content{width:30%; margin:15% auto;}
.service_btn1{width:50%;font-size:12px;padding:4% 5% 4% 0; text-align:right;}
.service_btn2{width:50%;font-size:12px;padding:4% 0 4% 5%; ;text-align:left;}
.drop_content{top:20px; width:60%;}
.drop_content ul li{padding:2%; margin-bottom:2%;}
.drop_content ul li a{padding:0 0 0 20%;}
.icons li{padding:4% 0 4%;width: 32.5%;}
.icons li a{font-size:13px; padding:32% 0 2%;}

.icons li.icon1{background-size:30%;}
.icons li.icon2{background-size:30%;}
.icons li.icon3{background-size:30%;}
.icons li.icon4{background-size:30%;}
.icons li.icon5{background-size:30%;}
.icons li.icon6{background-size:30%;}
.icons li.icon7{background-size:30%;}
.icons li.icon8{background-size:30%;}
.icons li.icon9{background-size:30%;}
.icons li.icon10{background-size:30%;}


.Acc_content_ul li{padding:1% 3%;font-size:11px; width:94%;}
.acc_h3{background-size:4%;font-size:11px;padding:0.5% 0 1.5% 9%; width:80%;}

.fav{right:7%; width:4%; top:0%;}
.go_link{right:3%; width:3%; top:18%;}
.Acc_main_toggle{right:3%; top:15%; width:3%;}

.trakhees_logo{ width:22%;}
.trakhees_logo a{border:none;margin:5% 0 11% 7%;}
.footer_nav_area a{font-size:11px;}
.footer_nav_area a{padding:6% 0 0; min-height:33px;} 
.footer_nav_area a.contact_us,
.footer_nav_area a.about_us{ width:14%;}



.footer_nav_area a.req_meet{ width:19%;}
.footer_nav_area a.help{width:10%;}
.footer_nav_area a.track_status{width:19%;}


.drop_nav{padding:1% 0 1% 3%;width:35%; font-size:11px;}
.nav_select{padding:1% 0 1% 3%;width:35%; font-size:11px;}





}




@media only screen and (min-width:321px) and (max-width:400px){
	
	/*balance enquiry*/
	.label2{min-width:25%}
	.label{margin:0 2% 0;min-width:25%;font-size:10px;}
.label2{margin:0 2% 0; min-width:25%;font-size:10px;}
.col1 p{font-size:9px;margin:0 0 0 2%;}

.th{font-size:9px; padding-bottom:3%;}
.col1_balance span{font-size:9px;}
.col1_2 p{font-size:10px; font-weight:bold;margin:0 5% 0 2%;}
.txtbox2{width:49%;}
.bttn2{width:23%;}
.bttn2{font-size:8px;}
.bttn2:focus{ font-size:8px;}
.col1 P{ line-height:15px;}
.user{bottom:2px;font-size:10px; font-weight:normal;}
	/*end*/

.footer{position:fixed; bottom:0;}
.header{height:41px; background-image:url(../images/h_320.jpg); background-repeat:no-repeat; background-size:100% 100%;}
.container{ max-height:75%;min-height:75%; overflow-y:auto; overflow-x:hidden;}
.govt{width:50px; left:3%;bottom:12%;}
.partner{width:47px;right:10%;bottom:18%;}
.nav_button{width:4%;right:4%;top:45%;}
.site_name{ font-size:10px; font-weight:bold;top: 14%;}
.trakhees_logo{ width:18%;}
.trakhees_logo a{border:none;margin:20% 0 18% 7%;}
.footer_nav_area a{font-size:9px; min-height:30px;}

.search{ width:25%; font-size:10px;}
.page_title{font-size:10px;font-weight: bold; margin-right: 24%;padding:1% 0 0;}
.trakhees_logo img{ width:80%;}


.wrapper_login{ height: 66%; margin:20% auto 0; top:20%; min-height: 65%;width: 90%;}
.title{ color:#026aa7; font-size:16px;margin:1% 0; font-weight:normal; }
.txtbox{padding:2.5% 1.5% !important; width:98%;font-size:11px; font-weight:normal; margin:1% 0;}
.required_filed{font-size:12px; font-weight:normal; margin:1% 1%; color:#090;}
.submit{margin:1% 0;padding:3% 5%;font-size:13px;}
.welcome{font-size:20px;}
.sub_title{ font-size:15px;}
.lang_content{width:45%; margin:15% auto;}
.service_btn1{width:50%;font-size:12px;padding:4% 5% 4% 0; text-align:right;}
.service_btn2{width:50%;font-size:12px;padding:4% 0 4% 5%; ;text-align:left;}
.drop_content{top:20px; width:60%;}
.drop_content ul li{padding:2%; margin-bottom:2%; }
.drop_content ul li a{padding:0 0 0 20%;font-size:10px;}
.icons li{padding:4% 0 4%;width:49%;}
.icons li a{font-size:13px; padding:32% 0 2%;}
.icons li.icon1{background-size:30%;}
.icons li.icon2{background-size:30%;}
.icons li.icon3{background-size:30%;}
.icons li.icon4{background-size:30%;}
.icons li.icon5{background-size:30%;}
.icons li.icon6{background-size:30%;}
.icons li.icon7{background-size:30%;}
.icons li.icon8{background-size:30%;}
.icons li.icon9{background-size:30%;}
.icons li.icon10{background-size:30%;}

.Acc_content_ul li{padding:1% 3%;font-size:11px; width:94%;}
.acc_h3{background-size:6%;font-size:11px;padding:0% 0 3% 9%; width:80%;}
.fav{right:7%; width:5%; top:0%;}
.go_link{right:3%; width:4%; top:18%;}
.Acc_main_toggle{right:3%; top:15%; width:3%;}



.footer_nav_area a{padding:7% 0 0;}
.footer_nav_area a.contact_us,
.footer_nav_area a.about_us{ width:17%;}



.footer_nav_area a.req_meet{ width:17.5%;}
.footer_nav_area a.help{width:10%;}
.footer_nav_area a.track_status{width:17.5%;}

.drop_nav{padding:1% 0 1% 3%;width:35%; font-size:11px;}
.nav_select{padding:1% 0 1% 3%;width:35%; font-size:11px;}

	
}

@media only screen and (min-width : 401px) and (max-width : 550px) and (orientation:landscape){
	.footer{position:relative !important; float:left !important;clear:both;}
	.container{ max-height:148%;min-height:148%;height:auto !important;}
}
@media only screen and (min-width:551px) and (max-width:700px) and (orientation:landscape){
	.footer{position:relative !important; float:left !important;clear:both;}
	.container{ max-height:150%;min-height:150%; height:auto !important;}
}
@media only screen and (min-width:701px) and (max-width: 800px) and (orientation:landscape){
	.footer{position:relative !important; float:left !important; clear:both;}
	.container{ max-height:130%;min-height:130%;height:auto !important; background-position:bottom !important;}
}


/*-----------------general------------------*/

.full {
    margin-right:0 !important;
    padding:1% 0;
	text-align:center;
	width:100%;
}
.btn_big{ width:35%;}
